<!DOCTYPE html>
<html lang="zh" xmlns:th="http://www.thymeleaf.org">
<head>
  <th:block th:include="include :: header('其他操作')"/>
</head>
<body class="white-bg">
<div class="wrapper wrapper-content animated fadeInRight ibox-content">
  <form class="form-horizontal" id="form-demo-1">
    <div class="form-group">
      <label class="col-sm-2 control-label">用户名称：</label>
      <div class="col-sm-10">
        <input type="text" class="form-control" name="userName" placeholder="请输入用户名称">
      </div>
    </div>
    <div class="form-group">
      <label class="col-sm-2 control-label">手机号码：</label>
      <div class="col-sm-10">
        <input type="text" class="form-control" name="phonenumber" maxlength="11" placeholder="请输入手机号码">
      </div>
    </div>
    <div class="form-group">
      <div class="col-sm-offset-2 col-sm-10">
        <button type="button" class="btn btn-sm btn-primary" onclick="submit1()"><i class="fa fa-check"></i>保 存（不刷新当前页）
        </button>&nbsp;
      </div>
    </div>
  </form>
  <hr/>
  <form class="form-horizontal" id="form-demo-2">
    <div class="form-group">
      <label class="col-sm-2 control-label">用户名称：</label>
      <div class="col-sm-10">
        <input type="text" class="form-control" name="userName" placeholder="请输入用户名称">
      </div>
    </div>
    <div class="form-group">
      <label class="col-sm-2 control-label">手机号码：</label>
      <div class="col-sm-10">
        <input type="text" class="form-control" name="phonenumber" maxlength="11" placeholder="请输入手机号码">
      </div>
    </div>
    <div class="form-group">
      <div class="col-sm-offset-2 col-sm-10">
        <button type="button" class="btn btn-sm btn-primary" onclick="submit2()"><i class="fa fa-check"></i>保 存（刷新当前页）
        </button>&nbsp;
      </div>
    </div>
  </form>
</div>
<th:block th:include="include :: footer"/>
<script type="text/javascript">
	    var prefix = ctx + "demo/operate";
	    function submit1(){
	    	$.operate.saveModal(prefix + "/edit", $('#form-demo-1').serialize());
	    }
	    
	    function submit2(){
	    	$.ajax({
	            url: prefix + "/edit",
	            data: $('#form-demo-2').serialize(),
	            type: "post",
	            success: function(result) {
	            	if (result.code == web_status.SUCCESS) {
	            		layer.msg("保存成功,正在刷新数据请稍候……", {
		            	    icon: 1,
		            	    time: 500,
		            	    shade: [0.1, '#8F8F8F']
		            	},function() {
		            		location.reload();
		            	});
	            	} else {
	            		alert(result.msg);
	            	}
	            }
	        })
	    }
	
</script>
</body>
</html>